<template>
  <div id="app">
<!--    exclude 里的组件名要和router里的对应-->
    <keep-alive exclude="detail">
      <router-view/>
    </keep-alive>
    <input v-model="test1" placeholder="test">
    <br>
    <input :value="test2" @input="getinput($event)" placeholder="test">
    <div>这是test1：{{test1}}</div>
    <div>这是test2：{{test2}}</div>
    <button @click="changetest">change!</button>
    <MainTabBar/>

  </div>
</template>

<script>
  import MainTabBar from "components/content/mainTabbar/MainTabBar";


export default {
  name: 'App',
  components: {
    MainTabBar
  },
  // data(){
  //   return {
  //     test1:"",
  //     test2:""
  // }
  // },
  // methods:{
  //   getinput(value){
  //     this.test2 = value.target.value
  //   },
  //   changetest(){
  //     this.test2 = this.test1 = 3
  //   }
  // },
}
</script>

<style>
  @import "assets/css/base.css";
</style>
